.product {background: linear-gradient(to bottom, #fff7fb, #f9eefe); padding:50px 0;}
.product .description {  width:1200px; margin:0 auto;   z-index: 1; font-size: 20px; position:relative; }
.product .description .mgtit {padding-bottom: 50px; text-align: center;}
.product .description .mgtit h3{font-size:41px; }
.product .description .mgtit p{font-size:18px; color: #8d8d8d;}
.product .description .txt01{  margin:20px 10px 35px 10px; line-height:34px;}
.product .description div.btn a{font-size:30px; font-weight:500; text-align:center;  color:#333; position:relative;  font-size: 12px; 
border:1px solid #888; padding:15px 20px 17px 20px; width:235px; display:block; margin:50px auto 0 auto; z-index:5;  }
.product .description div.btn a:after {content:""; width:0px; height:calc(100% ); background-color:rgba(216,0,40,0.9); z-index:-1;  transition:all 0.3s ease;   position:absolute; left:0; top:0; }
.product .description div.btn a:hover:after {content:""; width:calc(100% ); z-index:-1; transition: all 0.3s ease cubic-bezier(0.25, 0.25, 0.75, 0.75); }
.product .description div.btn a:hover { z-index:5; border:1px solid rgba(216,0,40,0.9); transition: all 0.3s ease; color:#fff;}

.product section {float:left; display:block;  box-sizing:border-box; margin:0px; padding: 0px;  }
.product .secBox {width:1200px; margin:0 auto; padding-left:0px;}
.product .container-fluid {padding-top:5px;}
.product .carousel-control.left, .product .carousel-control.right {width: 0%; line-height: 5;}
.product .information-gallery-slide {width: calc(100% - 20px);margin: auto;}
.product .carousel-control{position: absolute; top: 100px; bottom: 0; left: 0; width: 15%; color: #fff;text-align: center;
	background-color: rgba(0,0,0,0); opacity:1 !important; }
.product .col-sm-3{	position: relative;	min-height: 1px; padding-top: 3px; padding-right: 35px; padding-left: 35px; box-sizing:border-box;}
.product .carousel-control img.arrowL {margin-top:0px; margin-left:0px;}
.product .carousel-control img.arrowR {margin-top:0px; margin-left:-37px;}
.product .board_output_gallery_subject {width:100%;  font-size: 18px; padding:10px 0;   margin-bottom:20px; }
.product .board_output_imgs {border:0px solid #222; border-radius:5px 5px; /*box-shadow:0px 1px 7px rgba(0,0,0,0.2);*/ }

/*mouse over effect*/
.main_gallery tr.item td table {position:relative;}
.main_gallery tr.item td table tr:last-child td {}
.main_gallery tr.item td table tr:last-child span {}
.main_gallery tr.item td table tr:last-child a{width:100%; display:block; color:#000; text-align: left;}
.main_gallery .board_output_gallery_img img {vertical-align:top;}

#mainTable{
	table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  overflow: hidden;
}
}
#mainTable > tbody{}
#mainTable > tbody > tr{white-space: nowrap; text-align: center;}
#mainTable > tbody > tr > td{
	display: inline-block; /* 테이블 셀을 가로 배치 */
  vertical-align: top;
  box-sizing: border-box;
  width: 33.33%; /* 3개 + 간격 */
  padding-left: 10px;
}


/*img slide*/
.product .carousel {	position: relative ;  }
.product .carousel-inner { position: relative;	width: 100%;	overflow: hidden;}
.product .carousel-inner .item {	position: relative;	display: none;	-webkit-transition: .6s ease-in-out left;	-o-transition: .6s ease-in-out left;	transition: .6s ease-in-out left;}
.product .carousel-inner tbody>.active, .product  .carousel-inner .next, .product  .carousel-inner .prev {display: block;}
.product .carousel-inner tbody>.active {	left: 0;}
.product .carousel-inner .next, .product  .carousel-inner .prev {	position: absolute;	top: 0;	width: 100%;}
.product .carousel-inner .next {border:0px solid #dfdfdf; 	left: 100%;}
.product .carousel-inner .prev {	left: -100%;}
.product .carousel-inner .next.left, .product  .carousel-inner .prev.right {	left: 0;}
.product .carousel-inner .active.left {	left: -100%;}
.product .carousel-inner .active.right {	left: 100%;}
.product .carousel-control.left {left: -20px; right: auto;}
.product .carousel-control.right {right: -20px; left: auto;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.product .description {  width:100%;}	
.product .description div.btn a{width:150px; padding:10px 10px 12px 10px; }
.product {overflow-x: hidden;  margin: 0px 0 30px 0; }
.product .carousel-control{  position: relative; margin:0 auto !important; color: #fff;text-align: center;	
text-shadow: 0 1px 2px rgba(0,0,0,.6);	background-color: rgba(0,0,0,0);filter: alpha(opacity=50);	opacity: .5}
.product .carousel-control img.arrowL {margin-top:-0px; margin-left:15px; width:40px; }
.product .carousel-control img.arrowR {margin-top:-0px; margin-left:5px; width:40px;}
.product .carousel-control{top: 0%;bottom: 0;}
.product .carousel-control.left {left: 0px;}
.product .col-sm-3{position: relative;	min-height: 1px; padding-right: 5px; padding-left: 5px}
.product .col-sm-3 a{width:33.3333333% !important;}
.product .carousel-inner { height:auto;}	
.product .main_gallery tr.item > td {width:33.333%}
.product .main_gallery .item table tr img{max-width:100%; height:auto;}
.product .board_output_gallery_subject { margin-bottom:0px;}
/*.product .main_gallery .item table tr img{width:100% !important; height:auto;}
.product .main_gallery > tbody > tr > td {width:100%; display:inline-table; }*/
.product .wd12{padding:0px 0px !important;}
.product .main_gallery   { width:100%; text-align:center; }
.product .secBox {  width:100%; margin:0 auto; padding:0 0px; box-sizing:border-box;}
.product .description div.btn a{margin:0px auto 0 auto;}
#mainTable > tbody > tr > td{
	  width: 45.454%;  /* 100 / 1.2 */
	}
}
@media (max-width: 768px) {
	#mainTable > tbody > tr > td{
	  width: 83.333%;  /* 100 / 1.2 */
	}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}